@import "../../../../customGlobal.scss";
.footerBg {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rem -0.06rem 0.38rem 0rem rgba(133, 136, 148, 0.1);
    text-align: center;
}
.btn {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    width: calc(100vw - 2.5rem);
    height: 3.06rem;
    font-size: 1.13rem;
    font-weight: bold;
    color: #fff;
    @if $appType == "LJ" {
        color: #252629;
    }
    align-self: center;
    z-index: 1;
    border-radius: 0.31rem;
    display: inline-block;
}
.btn.two {
    width: calc(0.5 * (100vw - 2.5rem - 1.31rem));
}
.btn.two.medium {
    width: calc(0.5 * (100vw - 2.5rem - 1.31rem));
}
.btn.two.medium.first {
    margin-right: 1.31rem;
}
.btn.two.second {
    margin-left: 0px;
}
.btn.two.small {
    padding-left: 0.94rem;
    padding-right: 0.94rem;
    min-width: 5.88rem;
    width: fit-content;
}
.btn.small {
    padding-left: 0.94rem;
    padding-right: 0.94rem;
    min-width: 5.88rem;
    width: fit-content;
}
.btn.auto {
    padding-left: 0.44rem;
    padding-right: 0.44rem;
    min-width: 5.88rem;
    width: calc(0.5 * (100vw - 2.5rem - 1.31rem));
    // width: fit-content;
    margin-bottom: 1.25rem;
}
.btn.auto.right {
    margin-left: 0rem;
}
.btn.auto.left {
    // margin-bottom:1.25rem;
}
.btn.two.small.first {
    margin-right: 0.94rem;
}
.btn.two.second {
    margin-left: 0px;
}
.btn.orange {
    background: linear-gradient(90deg, rgba(255, 149, 0, 1) 0%, rgba(255, 99, 20, 1) 100%);
}
.btn.brown {
    background: rgba(192, 150, 91, 1) linear-gradient(270deg, rgba(199, 160, 104, 1) 0%, rgba(236, 210, 161, 1) 100%);
}
.btn.blue {
    background: linear-gradient(270deg, rgba(85, 137, 242, 1) 0%, rgba(73, 172, 242, 1) 100%);
}
.btn.yellow {
    background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
}

.btn.fw-left {
    border-top: 0.55px solid rgba(232, 234, 237, 1);
    border-right: 0.55px solid rgba(232, 234, 237, 1);
    width: 50% !important;
    background-color: transparent !important;
    margin-left: unset !important;
    margin-right: unset !important;
    border-radius: unset !important;
    font-size: 1rem;
    font-weight: 400;
}
.btn.fw-right {
    border-top: 0.55px solid rgba(232, 234, 237, 1);
    width: 50% !important;
    background-color: transparent !important;
    margin-left: unset !important;
    margin-right: unset !important;
    border-radius: unset !important;
    color: #f5b600;
}

.btn.lightBule {
    background: rgba(245, 245, 247, 1);
    color: #7485a6;
}
.btn.gray {
    background: #858894;
    color: white;
}
.btn.lightBule.plain {
    background: rgba(255, 255, 255, 1);
    border: 0.06rem solid #7485a6;
    color: #7485a6;
}
.btn.gray.plain {
    background: rgba(255, 255, 255, 1);
    border: 0.06rem solid rgba(133, 136, 148, 1);
    color: #5c5e66;
}

.btn.blue.plain {
    background: rgba(255, 255, 255, 1);
    border: 0.06rem solid rgba(85, 137, 242, 1);
    color: rgba(85, 137, 242, 1);
}
.btn.brown.plain {
    background: rgba(255, 255, 255, 1);
    border: 0.06rem solid rgba(199, 160, 104, 1);
    color: rgba(199, 160, 104, 1);
}
.btn.orange.plain {
    background: rgba(255, 255, 255, 1);
    border: 0.06rem solid #ff6314;
    color: #ff6314;
}

.btn.lightBule.medium {
    background: rgba(245, 245, 247, 1);
    color: #7485a6;
    font-size: 1rem; //两个并列
}

.big {
    height: 3.06rem;
}
.medium {
    border-radius: 0.31rem;
    font-size: 1rem; //两个并列
    font-weight: bold;
    height: 2.75rem;
}
.small {
    font-size: 1rem;
    height: 2.25rem;
}

.btn.round.big {
    border-radius: 1.53rem;
    font-size: 1rem;
}
.btn.round.medium {
    border-radius: 1.375rem;
    font-size: 1rem;
}
.btn.round.small {
    border-radius: 1.25rem;
    font-size: 1rem;
}

.shadow {
    border-radius: 0.31rem;
    align-self: center;
    height: 0.44rem;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: 0.5;
    margin-top: -0.44rem;
    margin-left: 1.88rem;
    margin-right: 1.88rem;
}

.shadow-brown {
    background: rgba(192, 150, 91, 1) linear-gradient(270deg, rgba(199, 160, 104, 1) 0%, rgba(236, 210, 161, 1) 100%) !important;
}
.shadow-orange {
    background: linear-gradient(90deg, #ff9500 100%, #ff6314 100%) !important;
}

.icon-btn-bg{
    display: flex;
    align-items: center;
    flex: 1;
}
.icon-btn{
    margin-right: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.icon{
    height: 1.5rem;
    width: 1.5rem;
    margin-left: 0.25rem;
}
.label{
    font-size: 0.63rem;
    color: #7E838C;      
    margin-left: 0.25rem;     
}
.price{
    flex-grow: 1;
    display: flex;
    align-items: center;    
}
.price-label {
    font-size: 0.81rem;
    color: #333333;
}

.pirce-digits,
.price-unit {
    font-size: 0.75rem;
    font-weight: bold;
    color: #FF3A33;
}

.price-price {
    font-size: 1.13rem;
    font-weight: bold;
    color: #FF3A33;
}